<!DOCTYPE html>
<html lang="zh-CN">
<head lang="en">
    <meta charset="UTF-8">
    <title>lip唇印</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="js/jquery-3.2.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/btn.css" rel="stylesheet" media="screen">
    <style>
        .nav-1{
            padding-left: 20px;
            padding-right: 50px;
            padding-top: 0px;
        }

        .body-1{
            padding-bottom: 20px;
        }
        .body-2{
            background-image: url(pto/11.jpg);

        }
        .navbar{
            margin-top: 20px;
            background-color: white;
            border: 0px;
        }
        .footer-1{
            padding-top: 50px;
            color:rgba(255, 255, 255, 0.5);
            background-color:rgba(25, 24, 22, 1);
        }
        .footer-2{
            text-align: center;
        }
        .BTN{
            padding-left: 20%;
        }
        .outSideBTN{
            width: 20%;
            height: 50px;
        }
        .outSideBTN-2{
            width: 30%;
            height: 100%;
        }
        .outSideBTN-3{
            width: 30%;
            height: 100%;
            background-color: white;
            color: rgba(168, 40, 53, 1);
        }
        a:visited {
            text-decoration:none;
        }
        .thu-1{
            border: 0px;
        }
        .sidebar .widget
        {
            background: #ffffff;
            padding: 21px 30px;
        }
        .main-footer .widget
        {
            padding: 0px 30px;
        }
        .widget
        {
            margin-bottom: 35px;
        }
        .widget .title
        {
            margin-top: 0;
            padding-bottom: 7px;
            border-bottom: 1px solid #ebebeb;
            margin-bottom: 21px;
            position: relative;
        }
        .widget .title:after
        {
            content: "";
            width: 90px;
            height: 1px;
            background: rgba(203,64,66, 1);
            position: absolute;
            left: 0;
            bottom: -1px;
        }
        .tab-1{
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .banquan-1{
            /*background-color: cornflowerblue;*/
            color:white;
            background-color:rgba(168, 40, 53, 1);
        }
        /*<----我们的服务图片栏----JQ---->*/
        .picjq{
            overflow:hidden;
        }
        .picjq dd{
            display:inline;
        }
        .picjq dd a{
            display:block;
            overflow:hidden;
            cursor:pointer;
            position:relative;
        }
        .picjq dd a img{
            display:block;
            overflow:hidden;
        }
        .picjq dd a .pictitle{
            z-index:4;
            position:absolute;
            bottom:10px;
            left:-235px;
            width:200px;
            height:20px;
            padding:0 0 0 5px;
            color:#fff;
            line-height:17px;
            overflow:hidden;
            background:url('pto/imgbg.png')
            no-repeat;
            _background:none;
        }
        .picjq dd a .picshine{
            z-index:5;
            position:absolute;
            top:0;
            left:0;
            width:235px;
            height:152px;
            background:url('pto/shine.png') no-repeat -160px 0;
            _background:none;
        }
        /*资讯资讯css*/
        .box1{
            text-align: center;
            width: 400px;
            height: 200px;
            background-color: #ffffff;
            border: 1px solid black;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            /* CSS3 standard */
            opacity:0.6;"
        }
        .box1 h1{
            margin: auto;
            position: absolute;
            top:30%;
            left: 0;
            bottom: 0;
            right: 0;
        }
        .row {
            padding-top: 50px;
            padding-left: 100px;
            padding-right: 100px;
            padding-bottom: 50px;
        }
        /*.thumbnail{
            height: 50%;
            width: 110%;;
        }*/
        .text1{
            text-align: center;
        }
        /* #table1{
             width: 920px;
            font-size: 17px;
             color:teal;
            background-color: lightcyan;
             border:1px solid lightblue;

        }
         #table2{

             height: 50px;
             border-bottom:1px solid lightskyblue;

         }*/
        .comment{
            padding-top: 50px;
            padding-bottom: 50px;
        }
        #msg{
            padding-top: 20px;

        }





    </style>
    <!--我们的服务图片栏JQ-->
    <script type="text/javascript">
        $(document).ready(function() {
            $(".picjq dd a").hover(function() {
                        $(this).find(".picshine").stop();
                        $(this).find(".picshine").css("background-position", "-235px 0");
                        $(this).find(".picshine").animate({
                                    backgroundPosition: '235px 0'
                                },
                                500);
                        $(this).find(".pictitle").stop().animate({
                                    left: '0px'
                                },
                                {
                                    queue: false,
                                    duration: 450
                                });
                    },
                    function() {
                        $(this).find(".pictitle").stop().animate({
                                    left: '-235px'
                                },
                                {
                                    queue: false,
                                    duration: 200
                                });
                    });
        });
    </script>




</head>
<body>
<!--导航-->
<div>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand nav-1" href="#"><img src="pto/lip-logo3.png" height="50" alt="唇印"></a>
                <!--<div class="navbar-brand nav-2">唇印</div>-->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-left">
                    <li class="active">
                        <a href="#" class=" ">HOME<span class="sr-only">(current)</span></a></li>
                    <li><a href="#" class=" ">INTRODUCE</a></li>
                    <li><a href="#" class=" ">INFORMATION</a></li>
                    <li><a href="#" class=" ">BBS</a></li>
                </ul>
                <form class="navbar-form navbar-left">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Givenchy禁忌之吻">
                    </div>
                    <button type="submit" class="btn btn-default">Kiss Me</button>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Join US <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">LogIn</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Register</a></li>
                        </ul>
                    </li>
                    <li><a href="#">QR Code</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>
</div>
<!--body开始-->
<!--body-1-->
<!--媒体项目-->
<!--分割线-->
<div class="container fenge-1">
    <div class="row">
        <img  class="img-responsive center-block" src="pto/fenge-1.png" alt="成为我们的用户">
    </div>
</div>
<div class="container">
    <div class="row">
        <!--媒体1-->
        <div class="col-md-12">
            <div class="thumbnail">
                <div class="caption">
                    <h2 class="text1">分享给大家最近入手的一批口红</h2></br>
                    <p> <h4>&nbsp&nbsp&nbsp&nbsp感觉臭美的妹子大多都对口红唇膏有停不下来的爱,也就一张嘴, 但是看到颜好的口红依然停不下来,
                    不管剁了多少只手, 不管要涂几张嘴才能涂完

                </h4></p>
                </div>
                <img src="pto/bbs-15.jpg" alt="...">
                <p> <h4>&nbsp&nbsp&nbsp&nbsp分享一些我自己用的,感觉很好的口红和唇膏,
                一开始买口红的时候, 总是沉醉在一些美妆达人的试色里, 后来败了几只之后发现, 真的, 口红、 粉底， 这些东西， 如果想试色， 还是自己去专柜，因为每个人的肤色， 唇色都不一样， 她试是一个颜色， 你上色可能并不一样， 配上肤色的不同， 总是感觉哪里有些不一样。

                </br>我也只是分享 如果想买请挪步专柜 我不推荐代购也不推荐店铺 以免又说是广告


            </h4></p>
                <img src="pto/bbs-16.jpg" alt="...">
                <p> <h4>
                cpb的东西一直很爱这只203,

                颜色太赞了, 第一眼看到就喜欢, 朋友刚好去香港, 帮我带了一只回来, 划算而且放心,

                我不想推荐代购, 因为有的代购不是价格要特贵, 就是真假混合卖,

                感觉还是认识的朋友去旅游顺便带回来的放心一些, 也不会收你多少钱



            </h4></p>
                <img src="pto/bbs-17.jpg" alt="...">
                <p> <h4>
                娇兰kisskiss,

                还有一只白管, r373pink me up ,比最热门那款显色要好，也是很自然的粉色。

                很多人推荐的一款, 滋润, 唇部情况好之下不用润唇膏打底也没有问题。

                颜值很高。




            </h4></p>
                <img src="pto/bbs-18.jpg" alt="...">
                <!--评论-->
                <div class="comment">
                    <form>
                        <textarea id="area" cols="130" rows="5"class="form-control" placeholder="有什么话想要说的呢..."></textarea><br/><br/>
                        <input type="button" value="发表" class="btn btn-success" onclick="saveStorage('area');" />
                        <!--<input type="button" value="清空" onclick="clearStorage('msg');" />-->
                        <input type="button" value="查看评论" class="btn btn-primary" onclick="loadStorage('msg');" />
                        <p id="msg" ></p>

                    </form>

                </div>
            </div>
        </div>

    </div>
</div>







<!--页脚-->
<footer class="main-footer footer-1">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title">LOGO</h4>
                    <div class="content">
                        <div class="col-md-4"><img class="img-responsive center-block" src="pto/lip-logo2.png" height="200"></div>
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title">CONTACT：</h4>
                    <div class="content">
                        <h5>Postal &nbsp;&nbsp;：510000</h5>
                        <h5>Phone &nbsp;&nbsp;&nbsp;:18814123046</h5>
                        <h5><address>Address：广东从化经济开发区高技术产业园广从南路548号。</address></h5>
                    </div>
                </div>
            </div>

            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title">PARTNERS：</h4>
                    <div class="content">
                        <p>网新娱乐圈：曾志豪、郑妍杏、梁艺凤、梁颍怡、黄丽芳</p>
                        <p><img class="img-responsive left-block" src="pto/soc-1.png" height="30"> </p>
                    </div>
                </div></div>
        </div>
    </div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="jquery-3.2.0.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap.min.js"></script>
<script type="text/javascript" src="js/ceshi2.js"></script>
</body>
</html>